다양한 링크 속성 모음
본문
<style type="text/css">
<!--
A:link {text-decoration:none; color:#000080}
A:visited {text-decoration:none; color:#000080}
A:active {text-decoration:none; color:#000080}
A:hover {text-decoration:none; color:#529CFF}
-->
</style>
A:link, A:visited, A:active 이렇게 세 개는 고정된 링크속성이기 때문에 별다르게 수정할 필요없이, 색만 바꾸고 위처럼 사용하시면 됩니다.
바꿔사용할부분은 A:hover {text-decoration:none; color:#529CFF}
A: hover {text-decoration:underline; color:#529CFF} <-밑줄
A: hover {text-decoration:underline overline; color:#529CFF} <-두줄
A: hover {text-decoration:none; color:#000080; background:#D0E0FF; padding:2 2 0} <-링크주변에 배경색이...
A: hover {text-decoration:none; color:#529CFF; font-weight:bold} <-글이 굵어짐
A: hover {text-decoration:none; color:#529CFF; font-size:11pt} <-큰 글씨로 변함
A: hover {text-decoration:none; color:#529CFF; background:url(dotline.gif) repeat-x bottom}
<-밑줄이 점선이미지로(url부분엔 도트이미지 주소 넣어주세요)
A: hover {text-decoration:none; color:#529CFF; border-bottom:1 dotted #0000FF} <-점선 밑줄
A: hover {text-decoration:none; color:#000080; border:1 dotted #0000FF; padding:2 3 0} <-링크 주변에 점선 박스가....
A: hover {text-decoration:none; color:#529CFF; border-bottom:3 solid #0000FF} <-굵기3의 밑줄
# 밑에서 3개는 익스플로러 5.5이상에서만 실행됩니다.
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=70
<!--
A:link {text-decoration:none; color:#000080}
A:visited {text-decoration:none; color:#000080}
A:active {text-decoration:none; color:#000080}
A:hover {text-decoration:none; color:#529CFF}
-->
</style>
A:link, A:visited, A:active 이렇게 세 개는 고정된 링크속성이기 때문에 별다르게 수정할 필요없이, 색만 바꾸고 위처럼 사용하시면 됩니다.
바꿔사용할부분은 A:hover {text-decoration:none; color:#529CFF}
A: hover {text-decoration:underline; color:#529CFF} <-밑줄
A: hover {text-decoration:underline overline; color:#529CFF} <-두줄
A: hover {text-decoration:none; color:#000080; background:#D0E0FF; padding:2 2 0} <-링크주변에 배경색이...
A: hover {text-decoration:none; color:#529CFF; font-weight:bold} <-글이 굵어짐
A: hover {text-decoration:none; color:#529CFF; font-size:11pt} <-큰 글씨로 변함
A: hover {text-decoration:none; color:#529CFF; background:url(dotline.gif) repeat-x bottom}
<-밑줄이 점선이미지로(url부분엔 도트이미지 주소 넣어주세요)
A: hover {text-decoration:none; color:#529CFF; border-bottom:1 dotted #0000FF} <-점선 밑줄
A: hover {text-decoration:none; color:#000080; border:1 dotted #0000FF; padding:2 3 0} <-링크 주변에 점선 박스가....
A: hover {text-decoration:none; color:#529CFF; border-bottom:3 solid #0000FF} <-굵기3의 밑줄
# 밑에서 3개는 익스플로러 5.5이상에서만 실행됩니다.
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=70
관련링크
댓글목록
등록된 댓글이 없습니다.